﻿/* General */
html,
body {
  min-width: 320px;
  width: 100%;
  color: #333333;
}
body,
p,
a {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.clear {
  clear: both;
}
a {
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
  color: #e32631;
}
.page-title {
  padding-bottom: 8px;
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 20px;
  margin-top: 0;
}
.page-title.center {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 25.5px;
  line-height: 2.55rem;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  text-align: center;
}
.page-title .title-image {
  display: none;
  vertical-align: bottom;
  margin-right: 20px;
  height: 64px;
  width: 84px;
  background: url(/Content/Images/cloud-logo.png) no-repeat;
}
.full-width-image {
  position: relative;
}
.full-width-image img {
  width: 100%;
}
.input-validation-error {
  border: 1px solid #e32631 !important;
}
.card-mobile-clear {
  display: none;
}
.btn-cta {
  width: 100%;
  border: 1px solid #999999;
}
.btn-cta:hover,
.btn-cta:active {
  color: #fff;
  background: #e32631;
}
.btn-red {
  background: transparent;
  color: #e32631;
  box-shadow: none;
  border: 1px solid #e32631;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
  -webkit-font-smoothing: antialiased;
}
.btn-red:hover,
.btn-red:active {
  color: #fff;
  background: #e32631;
}
.btn-normal {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e2e2e2+100 */
  background: #f4f4f4;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url();
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e2e2e2', GradientType=0);
  /* IE6-8 */
  color: #333333;
  box-shadow: none;
  border: 1px solid #bbbbbb;
  font-weight: bold;
}
.btn-normal:hover,
.btn-normal:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
  background: #cedce7;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url();
  background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cedce7), color-stop(100%, #596a72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cedce7 0%, #596a72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#596a72', GradientType=0);
  /* IE6-8 */
  color: #fff;
}
.button-white-grad {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+100&amp;0.8+0,0.6+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url();
  background: -moz-linear-gradient(top, rgba(238, 238, 238, 0.8) 0, rgba(221, 221, 221, 0.6) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(238, 238, 238, 0.8)), color-stop(100%, rgba(221, 221, 221, 0.6)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.8) 0, rgba(221, 221, 221, 0.6) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238, 238, 238, 0.8) 0, rgba(221, 221, 221, 0.6) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(238, 238, 238, 0.8) 0, rgba(221, 221, 221, 0.6) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0.8) 0, rgba(221, 221, 221, 0.6) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cceeeeee', endColorstr='#99dddddd', GradientType=0);
  /* IE6-8 */
}
.validation-summary-errors {
  color: #e32631;
  background: #dddddd;
  background: rgba(240, 240, 240, 0.7);
  border: 1px solid #e32631;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 5px;
}
/* Payment form */
.payment-globalpayments-secureForm {
  width: 100%;
  height: 400px;
  border: 0;
}
/* Library styling overwrites */
.ui-helper-hidden-accessible {
  display: none;
}
.ui-widget-content.coverage-map {
  border: 0;
}
.form-control:focus {
  box-shadow: none;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
  padding-left: 8px;
  padding-right: 8px;
}
.row {
  margin-right: -8px;
  margin-left: -8px;
}
/* Header */
#header {
  background: #fff;
  background: rgba(225, 225, 225, 0.7);
  padding: 8px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px;
  position: relative;
  z-index: 12;
}
#header .header-logo {
  max-width: 250px;
  padding: 0;
  float: left;
  position: relative;
  z-index: 2;
}
#header .header-logo img {
  width: 100%;
}
#header .header-search-wrapper {
  height: 0;
}
#header .header-search {
  width: 100%;
  padding-left: 250px;
  margin-top: -33px;
  position: relative;
  z-index: 1;
}
#header .header-search .regions-select {
  display: none;
  position: absolute;
  height: 100%;
  float: left;
  width: 125px;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #bbbbbb;
}
#header .header-search .regions-select .dropdown,
#header .header-search .regions-select #region-dropdown {
  height: 100%;
}
#header .header-search .regions-select #region-dropdown {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.7999999999999998rem;
  -webkit-font-smoothing: antialiased;
  line-height: 30px;
  padding-left: 15px;
}
#header .header-search .search-box-form {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
}
#header .header-search .search-category,
#header .header-search .search-button {
  height: 30px;
  float: right;
  width: 100px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#header .header-search .search-category .fa,
#header .header-search .search-button .fa {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 39px;
  line-height: 3.9000000000000004rem;
  -webkit-font-smoothing: antialiased;
  color: #999999;
  line-height: 30px;
}
#header .header-search .search-category .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}
#header .header-search .search-category .category-dropdown {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  background: transparent;
  border: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#header .header-search .search-category .category-dropdown .search-box-category-empty {
  display: inline;
}
#header .header-search .search-category .category-dropdown .search-box-category-text {
  display: none;
}
#header .header-search .search-category .category-dropdown:hover {
  background: #e32631;
}
#header .header-search .search-category .category-dropdown:hover .fa {
  color: #fff;
}
#header .header-search .search-category .category-dropdown.has-category {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16.5px;
  line-height: 1.6500000000000001rem;
  -webkit-font-smoothing: antialiased;
  color: #333333;
}
#header .header-search .search-category .category-dropdown.has-category .search-box-category-empty {
  display: none;
}
#header .header-search .search-category .category-dropdown.has-category .search-box-category-text {
  display: block;
  padding: 0 5px;
  line-height: 30px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
#header .header-search .search-category ul .fa {
  color: transparent;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.7999999999999998rem;
  -webkit-font-smoothing: antialiased;
  margin-right: 15px;
}
#header .header-search .search-category ul .selected .fa {
  color: #e32631;
}
#header .header-search .search-button {
  float: left;
  width: 50px;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
}
#header .header-search .search-button:hover,
#header .header-search .search-button:active {
  background: #e32631;
}
#header .header-search .search-button:hover .fa,
#header .header-search .search-button:active .fa {
  color: #fff;
}
#header .header-search .search-button .fa {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  line-height: 2.7rem;
  -webkit-font-smoothing: antialiased;
  line-height: 30px;
}
#header .header-search .search-text {
  margin-left: 50px;
}
#header .header-search .search-text input {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px;
  height: 30px;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: none;
  border: 0;
  border-left: 1px solid #bbbbbb;
}
#header .header-search .search-text.has-category {
  margin-right: 100px;
}
#header .header-search .search-text.has-category input {
  border-radius: 0;
  border-right: 1px solid #bbbbbb;
}
#header .header-links {
  border-radius: 5px;
  height: 30px;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
  position: relative;
}
#header .header-links .header-link > a {
  display: block;
  position: relative;
}
#header .header-links .header-link img {
  margin: 0 10px;
}
#header .header-links .header-user {
  height: 30px;
  line-height: 30px;
  margin-right: 140px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
#header .header-links .header-user .header-link-name {
  color: #333333;
}
#header .header-links .header-user .header-link-name:hover {
  color: #e32631;
}
#header .header-links .header-cart {
  height: 30px;
  width: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  border-left: 1px solid #bbbbbb;
  text-align: center;
  position: relative;
}
#header .header-links .header-cart .cart-quantity {
  display: none;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16.5px;
  line-height: 1.6500000000000001rem;
  -webkit-font-smoothing: antialiased;
  background: #e32631;
  border-radius: 10px;
  height: 15px;
  width: 15px;
  text-align: center;
  color: #fff;
  line-height: 15px;
  position: absolute;
  top: 3px;
  right: 10px;
}
#header .header-links .header-cart .cart-pending-order {
  background: transparent;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16.5px;
  line-height: 1.6500000000000001rem;
  -webkit-font-smoothing: antialiased;
  border-radius: 10px;
  height: 15px;
  width: 15px;
  text-align: center;
  color: transparent;
  line-height: 15px;
  position: absolute;
  top: 3px;
  right: 10px;
}
#header .header-links .header-cart .cart-pending-order.pending {
  background: #e99c24;
  color: #fff;
}
#header .header-links .header-cart.active {
  background: rgba(240, 240, 240, 0.7);
}
#header .header-links .header-logistics {
  height: 30px;
  width: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  border-left: 1px solid #bbbbbb;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}
#header .header-links .header-logistics .pending-shipping-order {
  display: none;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16.5px;
  line-height: 1.6500000000000001rem;
  -webkit-font-smoothing: antialiased;
  background: #458edf;
  border-radius: 10px;
  height: 15px;
  width: 15px;
  text-align: center;
  color: #fff;
  line-height: 15px;
  position: absolute;
  top: 3px;
  right: 10px;
}
#header .header-links .header-logistics .pending-shipping-order.show {
  display: block;
}
/* Main */
#main {
  padding-top: 30px;
  padding-bottom: 30px;
}
#main.nopadding {
  padding-top: 0;
  padding-bottom: 0;
}
/* Footer */
.footer-wrapper {
  color: #fff;
  background: #000;
  padding: 30px 0;
  position: relative;
  z-index: 3;
}
.footer-wrapper ul {
  padding: 0;
  list-style-type: none;
}
.footer-wrapper a {
  font-size: 0.8em;
  color: #fff;
}
.footer-wrapper a:active,
.footer-wrapper a:focus,
.footer-wrapper a:hover {
  color: #e32631;
}
.footer-menu > div {
  height: 200px;
}
.footer-info {
  background: url(/Content/Images/footer-badge-bg.png) 100% no-repeat #bbbbbb;
  background-size: cover;
  padding: 30px 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.footer-info .shipping p,
.footer-info .return p,
.footer-info .guarantee p,
.footer-info .coverage p {
  font-size: 12px;
  padding: 0 10px;
  text-align: center;
}
.footer-info .shipping a,
.footer-info .return a,
.footer-info .guarantee a,
.footer-info .coverage a {
  font-size: 24px;
  color: #fff;
}
.copyright-wrapper {
  font-size: 0.7em;
}
.fa-facebook,
.fa-twitter,
.fa-pinterest-p,
.fa-instagram {
  font-size: 24px;
  padding: 0 3px;
}
/* User Header */
.user-links {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 2px;
}
.user-links .user-links-wrapper {
  overflow: hidden;
  height: 0;
  background: rgba(240, 240, 240, 0.9);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 5px;
}
.user-links .user-links-wrapper .user-links-content {
  padding: 10px 15px;
}
.user-links .user-links-wrapper .user-links-content ul {
  margin: 0;
  padding: 0;
}
.user-links .user-links-wrapper .user-links-content ul li {
  list-style: none;
}
/* Flyout Shopping Cart */
.flyout-cart {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 2px;
}
.flyout-cart .cart-wrapper {
  overflow: hidden;
  height: 0;
  background: rgba(240, 240, 240, 0.9);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 5px;
}
.flyout-cart .cart-wrapper .flyout-cart-top {
  padding: 10px 15px;
}
.flyout-cart .cart-wrapper .flyout-cart-top a {
  color: #333333;
  font-weight: bold;
  text-decoration: underline;
}
.flyout-cart .cart-wrapper .flyout-cart-top a:hover,
.flyout-cart .cart-wrapper .flyout-cart-top a:active {
  color: #e32631;
}
.flyout-cart .cart-wrapper .flyout-cart-pending-orders {
  background: #e99c24;
  border-bottom: 1px solid #bbbbbb;
}
.flyout-cart .cart-wrapper .flyout-cart-pending-orders .btn {
  text-decoration: none;
  color: #333333;
  font-weight: normal;
  margin-right: 5px;
}
.flyout-cart .cart-wrapper .flyout-cart-pending-orders .btn.btn-danger,
.flyout-cart .cart-wrapper .flyout-cart-pending-orders .btn:hover {
  color: #fff;
}
.flyout-cart .cart-wrapper .flyout-cart-bottom {
  text-align: right;
  padding: 10px 15px;
}
.flyout-cart .cart-wrapper .flyout-cart-items {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
.flyout-cart .cart-wrapper .flyout-cart-items .flyout-cart-items-wrapper {
  max-height: 360px;
  overflow: auto;
}
.flyout-cart .cart-wrapper .flyout-cart-items table {
  width: 100%;
}
.flyout-cart .cart-wrapper .flyout-cart-items table td {
  padding: 15px;
}
.flyout-cart .cart-wrapper .flyout-cart-items table td.item-picture {
  width: 120px;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .item {
  background: rgba(225, 225, 225, 0.7);
  cursor: pointer;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .item .item-remove a {
  color: transparent;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .item:hover,
.flyout-cart .cart-wrapper .flyout-cart-items table .item:active {
  background: #e32631;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .item:hover .item-remove a,
.flyout-cart .cart-wrapper .flyout-cart-items table .item:active .item-remove a {
  color: #fff;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .item a {
  color: #333333;
}
.flyout-cart .cart-wrapper .flyout-cart-items table .cart-item-image {
  border-radius: 5px;
  overflow: hidden;
  max-width: 100px;
  max-height: 100px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
.flyout-cart .cart-wrapper .flyout-cart-items table img {
  max-width: 100px;
  max-height: 100px;
}
.flyout-cart.touch .cart-wrapper {
  position: fixed;
  height: 100%!important;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  z-index: 2000;
  overflow: hidden;
  background: transparent;
}
.flyout-cart.touch .cart-wrapper .cart-content {
  position: absolute;
  overflow: auto;
  left: 100%;
  width: 80%;
  height: 100%;
  background: #999999;
  background: rgba(225, 225, 225, 0.9);
  border-left: 1px solid #999999;
}
/* Topic Pages */
.topic-content-wrapper {
  margin-bottom: 30px;
}
.topic-content-wrapper .topic-image {
  position: relative;
}
.topic-content-wrapper .topic-image img {
  width: 100%;
}
.topic-content-wrapper .topic-content #main {
  padding-top: 0;
}
.topic-content-wrapper .topic-content h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  line-height: 3.5999999999999996rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 0;
  font-weight: bold;
}
.topic-content-wrapper #coverage-map,
.topic-content-wrapper #shipping-guides {
  margin-bottom: 25px;
}
.topic-content-wrapper .coverage-map img {
  max-width: 100%;
}
.topic-content-wrapper .coverage-map .service-detail-table {
  margin-bottom: 25px;
}
.topic-content-wrapper a.press-link {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  line-height: 2.0999999999999996rem;
  -webkit-font-smoothing: antialiased;
  line-height: 30px;
  text-decoration: underline;
}
.topic-content-wrapper a.press-link:hover {
  color: #e32631;
}
.topic-content-wrapper .package-presets {
  margin-top: 20px;
}
.topic-content-wrapper .package-presets .text {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4000000000000004rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 5px;
}
.topic-content-wrapper .package-presets .measurement {
  text-align: center;
  background: #bbbbbb;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.7999999999999998rem;
  -webkit-font-smoothing: antialiased;
  padding: 5px;
  margin-top: 5px;
}
.topic-content-wrapper .package-presets .package-preset {
  float: left;
  width: 20%;
  min-width: 130px;
  margin-bottom: 15px;
}
.topic-content-wrapper .package-presets .package-preset .package-preset-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  padding: 10px;
  background: transparent;
  border-radius: 75px;
  border: 1px solid #bbbbbb;
  margin: auto;
}
.topic-content-wrapper .package-presets .package-preset .package-preset-wrapper .package-price {
  text-align: center;
  display: block;
  margin-top: -15px;
  font-size: 12px;
}
.topic-content-wrapper .package-presets .measurement-sizes img {
  max-width: 100%;
}
/** Older Stylings **/
/* Loading */
.loading-gif {
  display: none;
}
.svg-unsupported .loading-gif {
  display: block;
}
.svg-unsupported .loading-svg {
  display: none;
}
#header .popover {
  max-width: 250px;
  text-align: center;
  background: rgba(225, 225, 225, 0.9);
}
#header .popover.bottom > .arrow:after {
  border-bottom-color: rgba(225, 225, 225, 0.9);
}
#header .popover .popover-title {
  background: none;
  border: none;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  line-height: 2.7rem;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
}
#header .popover .popup-content {
  padding-bottom: 15px;
}
#header .popover .timer-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #e32631;
}
.category-top-menu {
  height: 40px;
  overflow: hidden;
}
.t-grid-header .t-header {
  height: 34px;
}
/* Notification */
#message-box {
  position: fixed;
  z-index: 10000;
  width: 320px;
  right: 30px;
  top: 60px;
  overflow-x: hidden;
  max-height: 500px;
}
#message-box .alert-wrapper {
  height: 0;
  position: relative;
  overflow: hidden;
}
#message-box .alert-wrapper .alert {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0;
}
#message-box .alert-wrapper .close {
  font-size: 16px;
}
#message-box .alert-wrapper .bar-timer {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #3c763d;
}
#message-box .alert-wrapper .message-wrapper {
  padding-right: 30px;
}
#message-box .alert-wrapper .alert-success .bar-timer {
  background: #3c763d;
}
#message-box .alert-wrapper .alert-info .bar-timer {
  background: #31708f;
}
#message-box .alert-wrapper .alert-warning .bar-timer {
  background: #8a6d3b;
}
#message-box .alert-wrapper .alert-danger .bar-timer {
  background: #a94442;
}
/*CHECKOUT*/
.order-summary-button-wrapper {
  margin: 10% 0;
}
.order-summary-button-wrapper .continue-shopping-button {
  padding: 10px 45px;
}
.order-summary-button-wrapper .continue-shopping-button:hover {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.order-summary-button-wrapper .checkout-button {
  padding: 10px 78px;
  margin: 5% 0 0 0;
}
/*PRODUCT SLIDER*/
#carousel {
  margin: 20px 0 0 0;
}
.item .thumb {
  cursor: pointer;
  display: inline-block;
}
.item .thumb img,
.item img {
  width: 100%;
}
.table > thead > tr > th {
  border: 0;
}
.table {
  margin: 0;
}
.validation-summary-errors ul li {
  list-style-type: none;
}
/*HIDDEN*/
.frontpage-products,
.cartquantity,
.recentViewed {
  display: none;
}
.mobile-nav {
  display: none;
}
.cart-store-items-description,
.cart-store-items-quantity,
.cart-store-items-total,
.cart-store-items-remove {
  margin: 5% 0 0 0;
}
.search-breadcrumb > li + li:before {
  content: ">";
}
.option-list {
  list-style-type: none;
}
.tab-group li {
  border: 0;
}
.vote {
  font-size: 20px;
  padding: 0 5px;
  cursor: pointer;
}
.quantity-container {
  margin: 1% 0;
}
.fa-trash-o {
  font-size: 20px;
  cursor: pointer;
}
button.btn.btn-danger.reset {
  margin: 10% 0;
}
.collapsing {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.back-to-top {
  padding: 5px 15px;
  position: fixed;
  bottom: 25px;
  right: 20px;
  display: none;
  border-radius: 3px;
  z-index: 5;
}
.back-to-top:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.back-to-top a {
  color: #fff;
  font-size: 30px;
}
.tier-pricing-container {
  margin: 10px 0;
}
.tier-pricing-container thead {
  color: #fff;
  border-radius: 2px;
}
.tier-pricing-container .current-tier-group {
  font-weight: bold;
  font-size: larger;
  outline: 0;
}
.dream-factory-club-button {
  text-align: center;
}
.product-breadcrumb {
  background: none;
  margin: 10px 0;
  padding: 0;
}
.sort-by-list {
  list-style-type: none;
  padding: 5px 0;
}
.description-container,
.specification-container,
.shipping-return-container,
.customer-review-container {
  padding: 2% 0 ;
}
.product-reviews-overview {
  padding: 0 0 2% 0;
}
.rate-calculation-package-note ul {
  list-style-type: none;
}
.rate-calculation-package-note h4 {
  font-style: italic;
}
.print-download-return-button,
.back-to-order-details-button {
  margin: 20px 0 10px 0;
}
.order-details-table thead tr th {
  padding-top: 0;
}
.enquiry-input {
  margin: 0 0 4% 0;
}
.operation-hours-container,
.connect-with-us-container {
  font-size: small;
}
.operation-hours-container i,
.connect-with-us-container i {
  color: #fff;
  font-size: 32px;
  border-radius: 5px;
  width: 40px;
  text-align: center;
  margin: 0 10px 0 0;
  padding: 5px;
}
.interest-suggestion ul {
  list-style-type: none;
}
.icon-info:hover,
.package-help:hover {
  cursor: pointer;
}
.icon-info + .tooltip > .tooltip-inner {
  background-color: #fff;
  max-width: 100%;
  font-size: 14px;
  text-align: left;
  padding: 20px;
}
.not-available {
  text-decoration: line-through;
}
textarea {
  resize: vertical;
}
.questions .panel-title a {
  width: 70%;
  font-weight: bold;
}
#map {
  height: 400px;
}
.address {
  display: block;
  position: absolute;
  padding: 20px 40px;
  top: 250px;
  right: 150px;
  background: rgba(240, 240, 247, 0.9);
}
.labels {
  background-color: white;
  border-style: solid;
  border-width: 1px;
}
.registration-success-page {
  text-align: center;
}
.registration-success-page .buttons a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  line-height: 2.7rem;
  -webkit-font-smoothing: antialiased;
}
.section-top-image img {
  width: 100%;
}
/** Media Query **/
@media only screen and (max-width: 319px) {
  body {
    width: 320px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem;
    -webkit-font-smoothing: antialiased;
  }
  .validation-summary-errors ul {
    padding: 0;
  }
  #header .header-logo {
    float: none;
    margin: auto;
    width: 197px;
  }
  #header .header-links-wrapper {
    border-top: 1px solid #bbbbbb;
    margin-top: 7px;
    padding-top: 7px;
  }
  #header .header-links .header-link,
  #header .header-links .header-user {
    width: 33.333%!important;
    position: relative;
  }
  #header .header-links .header-link a,
  #header .header-links .header-user a {
    width: 50px;
  }
  #header .header-links .header-cart > a {
    margin: auto;
  }
  #header .header-links .header-logistics > a {
    float: right;
  }
  #header .header-links .header-link-name {
    display: none;
  }
  .header-logo {
    margin-top: 5px;
  }
  .footer-badge h4 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.7999999999999998rem;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
  }
  .footer-badge .badge-icon {
    display: block;
    padding: 10%;
  }
  .footer-badge .badge-icon img {
    width: 100%;
  }
  .footer-badge p {
    display: none;
  }
  .footer-menu {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #header .header-search-wrapper {
    height: auto;
    clear: both;
    border-top: 1px solid #bbb;
    margin-top: 6px;
  }
  #header .header-search-wrapper .header-search {
    padding-left: 0;
    margin-top: 10px;
  }
  #header .header-links {
    box-shadow: none;
  }
  #header .header-links .header-link {
    background: transparent;
    border: 0;
    width: 50px;
  }
  #header .header-links .header-user {
    margin: 0;
    float: right;
    width: 50px;
  }
  #header .header-links .header-user .header-link-name {
    display: none;
  }
  #header .header-links .header-cart .cart-quantity,
  #header .header-links .header-cart .cart-pending-order {
    top: 0;
    right: 0;
  }
  #header .header-links .header-logistics .pending-shipping-order {
    top: 0;
    right: 0;
  }
  .flyout-cart,
  .user-links {
    margin-top: 35px;
    max-width: 300px;
    right: 0;
  }
}
/*# sourceMappingURL=SpotsHUB.common.css.map */